
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Bootcards - A cards-based UI for mobile and desktop apps, built on top of Bootstrap">
  <meta name="author" content="Bootcards">
  
    <link rel="apple-touch-icon" sizes="57x57" href="site/images/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="site/images/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="site/images/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="site/images/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="site/images/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="site/images/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="site/images/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="site/images/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="site/images/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192"  href="site/images/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="site/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="site/images/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="site/images/favicon-16x16.png">
<link rel="manifest" href="site/images/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="site/images/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">

  <title>Bootcards - Cards-based UI built with Bootstrap</title>

  <!-- Bootstrap core CSS -->
  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
  <link rel="stylesheet" href="css/bootcards-site.css">

  <!--font awesome-->
  <link href="//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">

  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
      <![endif]-->

    </head>

    <body>

      <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">Bootcards</a>
          </div>

          <div class="navbar-collapse collapse">

           <ul class="nav navbar-nav">
            <li>
             <a href="../index.html"><span class="fa fa-home"></span> Home</a>
           </li>
           <li>
            <a href="./docs.html"><span class="fa fa-book"></span> Documentation</a>
          </li>
          <li class="active">
            <a href="./about.html"><span class="fa fa-info-circle"></span> About</a>
          </li>

        </ul>

      </div>

    </div>
  </div>


  <div class="container">
    <div class="row">

      <div class="well col-md-6" style="margin-top: 25px">

      
    <p>

      Bootcards is an open source project created by <a href="http://www.twitter.com/markleusink" target="_blank">@markleusink</a>, <a href="http://www.twitter.com/sives" target="_blank">@sives</a> and <a href="http://www.twitter.com/jackherbert" target="_blank">@jackherbert</a> and sponsored by <a href="http://www.teamstudio.com" target="_blank">Teamstudio</a>.

    </p>

    <p>

      It was originally released on Monday April 14th 2014.  It was created to meet Teamstudio's need for a modular user interface framework that could be used to build enterprise mobile apps very quickly.  By building on top of Bootstrap, Bootcards takes advantage of Bootstrap's great capabilities, whilst adding support for the <a href="http://insideintercom.io/why-cards-are-the-future-of-the-web/"  target="_blank">Cards design pattern</a>.

    </p>

  </div>


  </div>
</div>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

<!--analytics tracking-->
<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-47025460-1']);
_gaq.push(['_trackPageview']);

(function() {
  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>

</body>
</html>
